<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>手机验证登录</title>
		<link rel="stylesheet" href="../css/reset.css" />
		<link rel="stylesheet" href="../css/enter.css" />
	</head>

	<body 
		ng-app="myApp" 
		ng-controller='myCtrl'>
		<div class='wl-enter-wrap'>
			<div class="wl-enter-box">
				<div class="wl-enter-top clearfix">
					<span class='wl-enter-span1 l'>登录</span>
					<a href="###"><span class='wl-enter-span2 r'>账号密码登录<img src="../img/wlfimg/wlf_shouji.png" alt="" /></span></a>
				</div>
				
				
				
				
				
				
			<form name="wlfname" >
				<!--ajax提交收集到的数据-->
				<div class="wl-enter-input1">
					<input type="text" value=""  name="inputone"   ng-model="phone" id='in1' placeholder="请输入手机号" ng-pattern="/^1[35678][0-9]{9}$/" required/>
					<img src="../img/wlfimg/wlf_point.png" alt="" ng-hide="wlfname.inputone.$invalid" />
					<p ng-hide="wlfname.inputone.$dirty&&wlfname.inputone.$invalid"></p>
					<p ng-show="wlfname.inputone.$dirty&&wlfname.inputone.$invalid"><img src="../img/wlfimg/wlf_pointx.png" alt="" /> 手机号码不正确,请重新输入</p>
				</div>
				
				<div class="wl-enter-inputtext">
					<div class="wl-enter-flex">
						<input type="text" name="inputtext" value="" placeholder="验证码" />
						<img src="../img/selfCenter/13.png" alt="" />
						<p>看不清换一张</p>
					</div>
					<!--<p></p>-->
					<p><img src="../img/wlfimg/wlf_pointx.png" alt="" /> 验证码不正确,请重新输入</p>
				</div>
				
				<div class="wl-enter-input2">
					<input type="tetx" name="inputtwo" id='in2' value="" placeholder="手机验证码" />
					<span>获取验证码</span>
					
					<p></p>
					
				</div>
				
				<!--自动登录和忘记密码-->
				<div class="wl-auto-enter">
					<span>
                		<img src="../img/wlfimg/wlf_auto_ang.png" alt="" />
                		自动登录
                  	</span>
                  	<span>
                  		<a href="###">忘记密码</a>
                  	</span>
				</div>
				<div class="wl-enter-button">
					<button ng-click='fun()'>登录</button>
					<button>会员注册</button>
				</div>
			</form>
			
			
			
			
				<p class='wl-enter-contentp'>提示&nbsp;:&nbsp;未注册用户将直接注册成为礼拜五用户</p>
				<div class="wl-enter-contentspans">
					<span>----------------&nbsp;&nbsp;</span>
					<span>用合作网站登录</span>
					<span>&nbsp;&nbsp;----------------</span>
				</div>
				<div class="wl-enter-bottom">
					<img src="../img/wlfimg/wlf_weixin.png" alt="" />
					<img src="../img/wlfimg/wlf_qq.png" alt="" />
				</div>
			</div>
		</div>
	</body>
	<script src="../js/jq.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/angular.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/enter.js" type="text/javascript" charset="utf-8"></script>

</html>